@import "var.less";

#nowpath{
	.map{margin-top: 15px;box-shadow: @shadow-base;position: relative;overflow: hidden;}
	.ivu-badge{margin-left: 10px;position: relative;top:-1px;}
	.map-top{
		position: absolute;left: 10px;top:10px;z-index: 220;
		>ul{
			>li{display: inline-block;}
			>li:last-child{
				margin-left: 5px;background: #fff;height: 32px;line-height: 32px;box-shadow: @shadow-base;
				padding:0 10px;
				span{margin-right: 10px;}
			}
		}
	}
	.map-info{
		.map-right{
			position: absolute;right: 15px;top:15%;width: 35px;
			li{margin-bottom: 3px;}
			button{height: 35px;padding:0;text-align: center;font-size: 16px;}
		}
		.map-bottom{
			width: 100%;background: #fff;z-index:160;box-shadow: @shadow-up;transition:all @transition-time;
			position: absolute;bottom: -200px;
			.ivu-tabs-nav-scroll{padding-left: 50px;}
			.ivu-tabs-bar{margin-bottom: 0;}
			.down-btn{
				position: absolute;top:8px;right: 10px;z-index: 10;
			}
			.bottom-btn{
				position: absolute;top:0;left: 0;z-index: 10;
				height: 36px;width: 50px;
			}
			.carinfo{
				height: 200px;overflow: auto;position: relative;
				.table{
					border:0;margin-top: 0;
					th{border-bottom: 1px solid @border-color-base;}
					td{border-right:0;border-bottom: 1px solid @border-color-base;}
				}
			}
		}
		&.active-bottom{
			.map-bottom{bottom: 0;}
			.bottom-btn .ivu-icon-chevron-up{transform:rotate(180deg);}
		}
	}
}

.nowpath-select{
	.runing{position: relative;}
	.runing:after{
		content: "";display: block;width: 10px;height: 10px;border-radius: 10px;background: @success-color;
		position: absolute;left: 10px;top: 5px;
	}
}
